@charset "utf-8";
/* CSS Document */
body{
	margin:0px auto;
	padding:0px;
	font-family:"微雅软黑";
	font-size:12px;
}

*{
	margin:0px auto;
	padding:0px;
}
a{
	text-decoration:none;
	color:#000;
}

li{
	text-decoration:none;
	list-style-type:none;

}
.xl_person_index_container{
	width: 100%;
	background: #6CC;
	overflow: hidden;
	padding-bottom: 20px;
	float:left;
}

.xl_person_index_header{
	margin-top:16px;
	width:920px;
	height:340px;
	overflow:hidden;
	background:#C9C;
}

.xl_person_index_header_top{
	width:100%;
	height:300px;
	float:left;
	position:relative;
}
.xl_person_index_header_bottom{
	width:100%;
	height:40px;
	background:#fff;
	float:left;
}
	
	
.xl_person_index_content{
	margin-top:16px;
	width:920px;
	background:#fff;
}

.xl_person_index_photo_border{
	width:110px;
	height:110px;
	background:#fff;
	border-radius:50%;
	opacity:.3;
	z-index:10;
	position:absolute;
	top:43px;
	left:405px;

}
.xl_person_index_photo{
	width:100px;
	height:100px;
	background-repeat:no-repeat;
	background-size:100px 100px;
	border-radius:50px;
	z-index:50;
	position:absolute;
	top:48px;
	left:410px;
} 

.xl_person_index_username{
	width:100%;
	text-align:center;
	margin-top:6px;
	color:#fff;
	position:absolute;
	top:154px;
}

.xl_person_index_h1_username{
	display:inline;
	font-size:22px;
	font-weight:normal;
}
.xl_person_index_intro{
	width: 100%;
	text-align: center;
	margin-top: 4px;
	position: absolute;
	top: 194px;
}
.xl_person_index_intro a{
	color:#fff;
}


#xl_person_index_header_ul{
	width:100%;	
}

#xl_person_index_header_ul li{
	font-size:14px;
	float:left;
	text-align:center;
	display:inline-block;
}

#xl_person_index_header_ul li a{
	background:#FF9;
	color:#000;
	height:40px;
	line-height:40px;
	display:inline-block;
	text-align:center;
	border-right:1px solid #F99;
}

#xl_person_index_first_li{
	border-left:1px solid #F99;
}

#xl_person_index_header_ul li a:hover{
	background:#F9C;
	color:#fff;
}
#xl_person_index_header_ul li a span{
	padding:0px 71.8px 0px 71.8px;
	display:inline-block;
}
.xl_person_index_div_info{
	margin:0px 20px 0px 20px;
	padding-top:40px;
}
.xl_person_index_content_main{
	background:#fff;
}
fieldset{
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#E5E5E5;
}
.xl_person_index_info_a_btn{
	float:right;
	margin-top:-18px;
	width:40px;
	height:20px;
	border-radius:10px;
	border:1px solid #E5E5E5;
	background:#F2F2F2;
}
.xl_person_index_info_a_btn:hover{
	color:#fff;
	background:#F93;
}
.xl_person_index_info_a_btn span{
	width:40px;
	height:20px;
	display:inline-block;
	padding:2px 8px;
}

.xl_tit_info{
	font-size:14px;
	font-weight:bold;
}

.xl_person_index_info_baseinfo{
	height:30px;
	line-height:30px;
	margin-top:5px;
}

.xl_person_index_info_login,.xl_person_index_info_name,.xl_person_index_info_place,.xl_person_index_info_sex,.xl_person_index_info_emotion{
	text-align:right;
	width:60px;
	float:left;
}
.xl_person_index_info_loginname,.xl_person_index_info_truename,.xl_person_index_info_placename,.xl_person_index_info_sexinput,.xl_person_index_info_emotiondiv{
	float:left;
	margin-left:30px;
}

.xl_person_index_info_loginname a{
	color:#69F;
}

.xl_person_index_info_loginname a:hover{
	text-decoration:underline;
}

.xl_person_index_info_input_loginname,.xl_person_index_info_input_truename{
	height:28px;
	color: #808080;
	font-family:"微雅软黑";
	border:1px solid #ccc;
	border-radius:2px;
	box-shadow:0 1px 1px 0 #eaeaea inset;
	padding-left:2px;
}
#xl_person_index_info_city{
	height:20px;
	width:60px;
	margin-right:10px;
}

#xl_person_index_info_area,#xl_person_index_info_emotionselect{
	height:20px;
	width:70px;
}

.xl_person_index_man_label{
	margin-right:20px;
}

.xl_person_index_info_birthday,.xl_person_index_info_intro{
	text-align:right;
	width:60px;
	float:left;
}

.xl_person_index_info_birthselect,.xl_person_index_info_personintro{
	float:left;
	margin-left:30px;
}

#xl_person_index_info_year{
	width:60px;
	height:20px;
}

#xl_person_index_info_month,#xl_person_index_info_day{
	width:45px;
	height:20px;
	margin-left:10px;
}

.xl_person_index_info_intro_textarea{
	font-size:12px;
	font-family:"微雅软黑";
	width:500px;
	padding-left:2px;
	resize: none;
	height:60px;
}

.xl_person_index_info_contact{
	text-align:right;
	width:60px;
	float:left;
}

.xl_person_index_info_contact_div{
	float:left;
	margin-left:30px;
}
.xl_person_index_info_contact_input{
	height:28px;
	color: #808080;
	font-family:"微雅软黑";
	border:1px solid #ccc;
	border-radius:2px;
	box-shadow:0 1px 1px 0 #eaeaea inset;
	padding-left:2px;
}
.xl_person_index_taginfo{
	margin-top:10px;
}
.xl_person_index_info_tag{
	text-align: right;
	width: 60px;
	margin-left: 0px;
	float:left;

}

.xl_person_index_info_tag_selected{
	word-wrap:break-word;
	border:1px solid #ccc;
	height:60px;
	margin-right:300px;
	margin-left:80px;
	padding-left:10px;
	padding-top:5px;
}

.xl_person_index_info_tag_unselected{
	word-wrap:break-word;
	height:60px;
	margin-right:300px;
	margin-top:5px;
	margin-left:80px;
	padding-right:100px;
}
.xl_person_index_info_tips_error{
	margin-right:300px;
	border:1px solid #fcedb1;	
	margin-left:80px;	
	margin-top:5px;
	background: #fbfaee none repeat scroll 0 0;
	height:25px;
	line-height:25px;
}

.xl_person_index_taginfo{
	padding-bottom:40px;
}

.xl_person_index_span{
	height:20px;
	padding:0 9px 0 7px;
	line-height:20px;
	display:inline-block;
	color:#333333;
	border:1px solid #d9d9d9;
	cursor:pointer;
	margin-top:5px;
	margin-right:10px;
	
}

.xl_person_index_span_change{
	height:20px;
	padding:0 9px 0 7px;
	line-height:20px;
	display:inline-block;
	color:#666;
	border:1px solid #d9d9d9;
	cursor:pointer;
	margin-top:5px;
	margin-right:10px;
}

.xl_person_index_copy_span{
	height:20px;
	padding:0 0px 0 7px;
	line-height:20px;
	display:inline-block;
	color:#333333;
	border:1px solid #d9d9d9;
	cursor:pointer;
	margin-top:5px;
	margin-right:10px;
}
.xl_person_index_em{
	margin-right:5px;
	color:#ffa00a;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
}
.xl_person_index_em_change{
	margin-right:5px;
	color:#CCC;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.xl_person_index_copyem{
	width:20px;
	margin-left:5px;
	color:#ffa00a;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
	text-align:center;
}

.xl_person_index_info_tag_more{
	margin-right:300px;
	position:relative;
	top:-50px;
}
.xl_person_index_info_tag_more a{
	display:inline-block;
	float:right;
	color:#33F;
}

.xl_person_index_inputtag{
	border:none;
	height:22px;
	line-height:22px;
	padding-right:3px;

}

.xl_person_index_tishi{
	border:1px solid #CCC;
	height:20px;
	width:50px;
	display:inline-block;
	z-index:100;
}

.xl_person_index_closespan{
	width:18px;
	height:15px;
	line-height:15px;
	text-align:center;
	float:right;
	display:inline-block;
	margin-right:5px;
	cursor:pointer;
	margin-top:5px;
}

.xl_person_index_closespan:hover{
	background:#F93;
	color:#fff;
}

.xl_person_index_rank{
	padding-top:60px;
	margin-left:60px;
	margin-right:60px;
	background:#fff;
	font-family: Arial;
}
.xl_person_index_h3{
	font-size:22px;
}
.xl_person_index_h3 em ,.xl_person_index_h3 span{
	color:#E03A24;
	font-weight:bold;
	
}
.xl_person_index_ranknum{
	margin-top:20px;
	width:980px;
}
.xl_person_index_ranknum li{
	float:left;
	font-size:18px;
	height:28px;
	line-height:28px;
	width:25px;
	color: #c4c6cc;
	text-align:center;
	margin-right:50px;
}
.xl_person_index_ranknum .nowrank{
	color:#F00;
	font:22px bold;
}
.xl_person_index_rankpic{
	clear:both;
	width:800px;
	height:10px;
	background:#c4c6cc;
	border-radius:5px;
	margin-left:-10px;
}
.xl_person_index_rankpic_line_div{
	position:relative;
	top:-10px;
	width:850px;
	margin-left:10px;
}
.xl_person_index_rankpic_line{
	background:#FFF;
	width:2px;
	height:10px;	
	float:left;
	margin-right:73.5px;
}
.xl_person_index_rankpic_rate{
	width:0px;
	height:10px;
	background:#F33;
	border-radius:5px;
	float:left;
}
.xl_person_index_nowright{
	clear:both;
	margin-top:20px;
}
.xl_person_index_right{
	font-size:16px;	
}
.xl_person_index_rightlist,.xl_person_index_moreright,.xl_person_index_nextrank{
	margin-top:5px;	
}

.xl_person_index_nextrank{
	margin-top:10px;
	border-top:1px solid #ddd;
	height:100px;
}
.xl_person_index_nextrank dt{
	margin-top:20px;
	font-size:18px;
}
.xl_person_index_nextrank dt span{
	color:#E03A24;
}
.xl_person_index_nextrank dd{
	margin-top:10px;
	font-size:14px;
	color:#999;
}
.lk_person_index_needscore{
	display:inline-block;
	background:#c4c6cc;
	height:5px;
	width:200px;
	border-radius:2px;
	margin:0px 10px;
	position:relative;
	top:-2px;
}
.lk_person_index_needscore_rate{
	height:5px;
	width:0px;
	border-radius:2px;
	background:#F33;
	float:left;
}
